<!-- 编辑模态框 -->
<div class="modal hide fade" role="dialog" id="editorModal">
    <div class="modal-header">
        <a class="close" data-dismiss="modal">×</a>
        <h3>内容编辑</h3>
    </div>
    <div class="modal-body">
        <p>
            <label for="contenteditor"></label>
            <textarea id="contenteditor"></textarea>
        </p>
    </div>
    <div class="modal-footer">
        <a id="savecontent" class="btn btn-primary" data-dismiss="modal">
            保存
        </a>
        <a class="btn" data-dismiss="modal">
            关闭
        </a>
    </div>
</div>

<div class="modal hide fade" role="dialog" id="downloadModal">
    <div class="modal-header">
        <a class="close" data-dismiss="modal">×</a>
        <h3>生成</h3>
    </div>
    <div class="modal-body">
        <p>已在下面生成干净的HTML, 可以复制粘贴代码到你的项目.</p>
        <div class="btn-group">
            <button type="button" id="fluidPage" class="active btn btn-info">
                <i class="icon-fullscreen icon-white"></i>
                自适应宽度
            </button>
            <button type="button" class="btn btn-info" id="fixedPage">
                <i class="icon-screenshot icon-white"></i>
                固定宽度
            </button>
        </div>
        <br>
        <br>
        <p>
            <label>
                <textarea></textarea>
            </label>
        </p>
    </div>
    <div class="modal-footer">
        <a class="btn" data-dismiss="modal">
            关闭
        </a>
    </div>
</div>

<div class="modal hide fade" role="dialog" id="sourceModal">
    <div class="modal-header"><a class="close" data-dismiss="modal">×</a>
        <h3>可编辑源码</h3>
    </div>
    <div class="modal-body">
        <p>如果你希望对别人的布局进行二次编辑, 请把可编辑源码粘贴在这里: </p>
        <p>
            <label for="sourceeditor"></label><textarea id="sourceeditor"></textarea>
        </p>
    </div>
    <div class="modal-footer">
        <a id="savesource" class="btn btn-primary" data-dismiss="modal">
            保存
        </a>
        <a class="btn" data-dismiss="modal">
            关闭
        </a>
    </div>
</div>
<div class="modal hide fade" role="dialog" id="shareModal">
    <div class="modal-header">
        <a class="close" data-dismiss="modal">×</a>
        <h3>保存</h3>
    </div>
    <div class="modal-body">
        保存成功
    </div>
    <div class="modal-footer">
        <a class="btn" data-dismiss="modal">
            关闭
        </a>
    </div>
</div>
